html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	}

	#map_canvas {
	height: 80%;
	}

	@media print {
    html, body {
    height: auto;
	}

	#map_canvas {
    height: 650px;
	}
}
	
      #directions-panel {
        height: 100%;
        float: right;
        width: 390px;
        overflow: auto;
      }

      #map-canvas {
        margin-right: 400px;
      }
 
      @media print {
        #map-canvas {
          height: 500px;
          margin: 0;
        }

        #directions-panel {
          float: none;
          width: auto;
        }
      }
      
      #map_canvas { float:left; width:85%; height:100%; border:1px solid #000;} 
      ul#markerTypes { float:left; width:5%; list-style:none; padding:0; } 
      ul#markerTypes li { padding:10px; } 
      ul#markerTypes li label{ color: #000; } 
      
        
      

        
        
        